<template>
  <div class="home">
    <Menu :list="list"></Menu>
  </div>
</template>

<script>
// @ is an alias to /src
import Menu from "@/components/menu.vue";
export default {
  name: "Home",
  components: {
    Menu,
  },
  data() {
    return {
      list: [
        {
          id: 1,
          name: "一级 1", 
          children: [
            {
              id: 2,
              name: "二级 1-1",
              children: [
                {
                  id: 3,
                  name: "三级 1-1-1",
                },
              ],
            },
            {
              id: 4,
              name: "二级 1-1",
            },
            {
              id: 5,
              name: "二级 1-1",
            },
          ],
        },
        {
          id: 6,
          name: "一级 2",
          children: [
            {
              id: 7,
              name: "二级 2-1",
            },
          ],
        },
      ],
    };
  },
};
</script>
